// 柱形图
export default {
  title: {
    show: true,
    text: "",
    top: 10,
    left: "center",
    textStyle: {// 主标题文字样式
      color: "#ffffff",
      fontWeight: "normal",
      fontSize: 18,
    },
    subtext: "",
    subtextStyle: { // 副标题文字样式
      color: "#ffffff",
      fontWeight: "normal",
      fontSize: 16,
    },
  },
  legend: { // 图例
    show: true,
    left: "left",
    orient: "horizontal",
    textStyle: {
      color: "#ffffff",
      fontSize: 10,
    },
  },
  grid: {// 直角坐标系轴 - 最外面的矩形 - 或者理解为坐标轴边距
    show: false,
    top: 60,
    right: 20,
    bottom: 60,
    left: 60
  },
  tooltip: { // 鼠标悬浮的提示语
    show: true,
    textStyle: {
      color: "#000000",
      fontWeight: "normal",
      fontSize: 14,
    }
  },
  xAxis: {
    type: "category",
    data: [],
    axisLine: {         // X坐标轴
      show: true,
      lineStyle: {
        color: "#ffffff",
      },
    },
    axisLabel: {
      show: true,
      color: "#ffffff",
      fontWeight: "normal",
      fontSize: 14,
    },
    axisTick: {         // X坐标轴刻度
      show: true,
    },
    splitLine: {        // X坐标的网格线
      show: false,
    },
  },
  yAxis: {
    type: "value",
    axisLine: {         // Y坐标轴
      show: true,
      lineStyle: {
        color: "#ffffff",
      },
    },
    axisLabel: {
      show: true,
      color: "#ffffff",
      fontWeight: "normal",
      fontSize: 12,
    },
    axisTick: {         // Y坐标轴刻度
      show: true,
    },
    splitLine: {        // Y坐标的网格线
      show: false,
    },
  },
  color: ["#83bff6", "#23B7E5", "#61a0a8", "#d48265", "#91c7ae"],
  series: [
    {
      name: "",
      type: "bar",
      data: [],
      barWidth: 15,     // 柱形的宽度
      label: {          // 坐标点的值
        show: true,
        position: "top",
        color: "#ffffff",
        fontSize: 12,
        fontWeight: "normal",
      },
      labelLine: {      // 坐标点的线
        show: false,
      },
      itemStyle: {
        borderRadius: 5,// 柱形的边框圆度
      },
    },
  ],
}



// series: [
//   {
//     itemStyle: {
//       color: {        // 柱形的颜色渐变参数
//         x: 0,
//         y: 0,
//         x2: 0,
//         y2: 1,
//         colorStops: [
//           {
//             offset: 0,
//             color: "#83bff6",
//           },
//           {
//             offset: 1,
//             color: "#23B7E5",
//           },
//         ],
//       },
//     },
//   },
// ]













